{% include 'head.html' %}

<body>




<div id="over" class="overLoading"></div>
<div id="layout" class="layoutLoading"></div>


  <!-- 最为层容器 -->
  <div class="jd_container" >
    <!-- 顶部 -->
    <div class="jd_header" style="height: 50px;background-color: #dce2ec;">

      <!--<span style="float: left;margin-left: -18%;margin-top: 15px;">货比三家</span>-->
      <div style="width: 15%;float: left;margin-left: -18%;margin-top: 8px;font-size: 28px;float: left;">
        <a href="#" id="J_Address" style="color: #000;"><span style=""><i class="fa fa-bars"></i></span>
        </a>
      </div>


      <div style="width: 120%;margin-top: 10px;margin-left: 10px;float: left;">
        <a href="/flpg">
          <img src="http://hbsj.xyz/app_ss.png" style="width: 80%;height: 30px;margin-left: -5px;float: left;">
        </a>
          <span style="float: right;margin-top: 8px;margin-right: 20px;">介绍</span>
      </div>
        
      
    </div>


    {% include 'units/banner.html' %}
    
    
    <div id="top1" style="width: 1000px; overflow: hidden; height: 25px;background-color: #8d91aa;">
      <div class="content_bottom" >
          <ul class="seckul clearfix">

            {% for tj in tjfl %}
              <li class="seck_list1">
                <a class="btn btn-link" style="height: 30px;color: #fff;" href="/queryData?keys={{ tj }}">
                  <p>{{ tj }}</p>
                </a>
              </li>
                
            {% endfor %}
            
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="/queryData?keys=童装">
                  <p>童装</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="/queryData?keys=玩具">
                  <p>玩具</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="/queryData?keys=家具">
                  <p>家具</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="/queryData?keys=CK">
                  <p>CK</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="/queryData?keys=裙子">
                  <p>裙子</p>
                </a>
            </li>
            <li class="seck_list1">
              <a class="btn btn-link" style="height: 30px;color: #fff;" href="/queryData?keys=香奈儿">
                  <p>香奈儿</p>
                </a>
            </li>
            
     



          </ul>

        </div>

      </div>
      
    

        <script type="text/javascript">


 function codtemp(imglink_val,codlink_val,codname_val,price2_val,sales_val,pingtai_val,shopname_val,codid_val){
 var cod_temps = '<div class="show_div" style="background-color: #fff;height: 182px;margin-left: 5px;margin-right: 5px;">\
          <div class="row-fluid">\
            <div class="span4">\
              <img src="'+imglink_val+'" alt="" style="width: 120%;height: 120px;margin-top: 30px;">\
            </div>\
            <div class="span7" style="margin-left: 20px;margin-top: 10px;">\
              <!--Body content-->\
              <a href="/goto?urls='+codlink_val+'&names='+codname_val+'" class="btn btn-link" style="color: #272829;width: 110%;"><b><span class="title_span" style="margin-left: -5px;margin-bottom: 2px;">\
              '+codname_val+'</span></b></a><br>\
               <span style="font-size: 12px;color: #272829;">价格：</span><span style="font-size: 13px;color: #272829;">'+price2_val+'</span><br>\
                <span style="font-size: 12px;color: #272829;">销量：</span><span style="font-size: 11px;color: #272829;">'+sales_val+'</span><br>\
                 <span style="font-size: 9px;color: #272829;">店家：</span><span style="font-size: 9px;color: #272829;">'+shopname_val+'</span><br>\
                  <span style="font-size: 9px;color: #272829;">来源：</span><span style="font-size: 9px;color: #272829;">'+pingtai_val+'</span><br>\
                  <br>\
                  <div style="width: 110%;">\
                 <a class="btn btn-info" style="padding: 0px;color: #fff;margin-top: -10px;width: 30%;font-size: 11px;" onclick="xqgo(this);" title="'+codid_val+'" >详情</a> \
                 <a class="btn btn-warning" style="padding: 0px;color: #fff;margin-top: -10px;width: 30%;font-size: 11px;" onclick="scgo(this);" title="'+codid_val+'" >收藏</a>\
                  <a href="/goto?urls='+codlink_val+'&names='+codname_val+'" class="btn btn-success" style="padding: 0px;color: #fff;margin-top: -10px;width: 30%;font-size: 11px;" title="Vest"\
             >商品链接</a> \
          </div>\
            </div>\
        </div>\
      </div>';
return  cod_temps;

}



function guanggao(){
  return '<br>\
        <div class="super_day" style="margin-bottom: 0px;">\
          <div class="super_img">\
            <a href="">\
              <img src="https://gtms04.alicdn.com/tps/i4/TB1aAIWHpXXXXahXpXXoeuYLVXX-1920-429.jpg" alt="" width="100%">\
            </a>\
          </div>\
        </div>'
}





  function show_cod(datas){
    //alert(datas);
    //alert(typeof(datas));
    var jsondatas = JSON.parse(datas);
    //alert(jsondatas);
    //alert(typeof(jsondatas));
    for(datasinfo in jsondatas){
      //console.log(jsondatas[datasinfo]);
      var infos = jsondatas[datasinfo];
      console.log(infos);
      //console.log(infos["img_link"]);
      //console.log(infos["names"]);
      //console.log(infos["link"]);
      
      //console.log(infos["price_1"]); 
      //console.log(infos["price_2"]); 
      //console.log(infos["sales"]); 
      //console.log(infos["pingtai"]); 
      //console.log(infos["shop_name"]); 

      
      $("#more").append(codtemp(infos[0],
                                infos[2],
                                infos[1],
                                infos[3],
                                infos[4],
                                infos[5],
                                infos[6],
                                infos[7]
                                ));
      

    }

    //$("#more").append(guanggao());
    //getScrollTop_key = true;
    
    
  }


  function next_cod(pgnum){
    var getcodmane = $("#inputcodnames").text();
    var urls = "getcodhome";
    get_api_ajax2(urls,show_cod);

  }



  var top=$("#top1").offset().top;
  var qnumber = 1;

  //var newkey = "{{keys}}";

  $(window).scroll(function () {
    if ($(window).scrollTop() >= 140) {
      $("#top1").attr("style", "overflow: hidden;position:fixed;top:50px;left:0;z-index:90;background:black;color:#000;background-color: #8d91aa;");
    } else {
       $("#top1").attr("style", "width: 100%; overflow: hidden; height: 30px;background-color: #8d91aa;");
    }

    //下拉刷新
    console.log(getScrollTop());
    console.log(getClientHeight());
    console.log(getScrollHeight());
      if(getScrollTop() + getClientHeight()+50 >= getScrollHeight()) {
          console.log('下拉刷新了');
          //此处发起AJAX请求
          //alert("下拉刷新了");
          qnumber+=1;

          next_cod(qnumber);
      }


  }).trigger("scroll");
</script>


<div id="gotoQ">
  
</div>


    <!-- 导航栏 -->
    <div class="jd_nav" style="background-color: #fff;">
      <!--<div style="text-align:center;margin-top: 20px;"><h4>货比三家 您的私人导购</h4></div>-->
      
      <ul class="clearfix" style="margin-top: 10px;">
        
        <li>
          <a href="/queryeveryone">
            <!--<span style="font-size: 30px;margin-left: 30%;color: #0072E3;">
              <i class="fa fa-users" style="text-shadow: 2px 2px 1px #e4b4b3;"></i></span>-->
              <img src="http://hbsj.xyz/h5/1.png">
               
            
            <p>大家都在买</p>
          </a>
        </li>
        <li>
          <a href="/zhekou">
            <!--<span style="font-size: 30px;margin-left: 30%;color: #0072E3;">
              <i class="fa fa-shopping-bag" style="text-shadow: 2px 2px 1px #e4b4b3;"></i></span> -->
              <img src="http://hbsj.xyz/h5/2.png">
              
            
            <p>折扣/活动</p>
          </a>
        </li>

        <li>
          <a href="/downloadpg">
            <span style="font-size: 30px;margin-left: 30%;color:red;margin-bottom: 20px; ">
              <i class="fa fa-android" style="text-shadow: 2px 2px 1px #e4b4b3;"></i> 

              </span>
            <b><p style="color:red;">下载APP</p></b>
          </a>
        </li>

        <li>
          <!--<a onclick="webToast('推荐您来买暂未开放！','middle',2000);">-->
            <a href="/tjnlm">
            <!--<span style="font-size: 30px;margin-left: 30%;color: #0072E3;">
              <i class="fa fa-shopping-cart" style="text-shadow: 2px 2px 1px #e4b4b3;"></i></span> --> 
              <img src="http://hbsj.xyz/h5/3.png">
              

            <p>推荐您来买</p>
          </a>
        </li>
        <li>
          <a href="/yhjhome"> <!--onclick="webToast('全网找卷暂未开放！','middle',2000);">-->
            <!--<span style="font-size: 30px;margin-left: 30%;color: #0072E3;">
              <i class="fa fa-cloud" style="text-shadow: 2px 2px 1px #e4b4b3;"></i></span>-->  
              <img src="http://hbsj.xyz/h5/4.png">
              
            
            <p>快来领劵</p>
          </a>
        </li>


        


      </ul>



      <ul class="clearfix" style="margin-top: -20px;">
        
        <li>
          <a onclick="webToast('找二手暂未开放！','middle',2000);">
            <!--<span style="font-size: 30px;margin-left: 30%;color: #0072E3;">
              <i class="fa fa-users" style="text-shadow: 2px 2px 1px #e4b4b3;"></i></span>-->
              <img src="http://hbsj.xyz/h5/wap_2s.png">
               
            
            <p>找二手</p>
          </a>
        </li>
        <li>
          <a href="/pifainfo">
            <!--<span style="font-size: 30px;margin-left: 30%;color: #0072E3;">
              <i class="fa fa-shopping-bag" style="text-shadow: 2px 2px 1px #e4b4b3;"></i></span> -->
              <img src="http://hbsj.xyz/h5/wap_pf.png">
              
            
            <p>找批发</p>
          </a>
        </li>

        <li>
          <a onclick="webToast('找图书暂未开放！','middle',2000);">
            <img src="http://hbsj.xyz/h5/wap_ts.png">

            <p>找图书</p>
          </a>
        </li>

        <li>
          <!--<a onclick="webToast('推荐您来买暂未开放！','middle',2000);">-->
            <a onclick="webToast('系统公告暂未开放！','middle',2000);">
            <!--<span style="font-size: 30px;margin-left: 30%;color: #0072E3;">
              <i class="fa fa-shopping-cart" style="text-shadow: 2px 2px 1px #e4b4b3;"></i></span> --> 
              <img src="http://hbsj.xyz/h5/wap_gg.png">
              

            <p>系统公告</p>
          </a>
        </li>
        <li>
          <a href="/aboutus"> <!--onclick="webToast('全网找卷暂未开放！','middle',2000);">-->
            <!--<span style="font-size: 30px;margin-left: 30%;color: #0072E3;">
              <i class="fa fa-cloud" style="text-shadow: 2px 2px 1px #e4b4b3;"></i></span>-->  
              <img src="http://hbsj.xyz/h5/wap_lx.png">
              
            
            <p>联系我们</p>
          </a>
        </li>


        


      </ul>

      <!--
      <div style="text-align:center;">

        <a class="btn btn-info" style="width: 80%;" href="/wenjuan">在线问卷调查</a>
        <br>
        <br>
      </div>
    -->
<!--
<div class="center row" style="margin-left: 5%;">
    <div class="home_button" style="width: 28%;height: 130px;background-color: #000;margin-bottom: 10px;float: left;margin-right: 5%">
  <a onclick="webToast('找二手暂未开放！','middle',2000);">
    <div style="width: 100%;height: 100px;background-color: #fff;">
    
      <img class="home_button" style="width: 100%;height: 100px;" src="http://ku.90sjimg.com/element_origin_min_pic/17/08/25/73674433d914bb30de1effeb9c9cecdb.jpg%21/fwfh/804x804/quality/90/unsharp/true/compress/true">
    </div>

    <div style="text-align: center;margin-top: 8%;"> <h4 style="color: #fff;">找二手</h4></div>
  </a>

</div>


    <div class="home_button" style="width: 28%;height: 130px;background-color: #000;margin-bottom: 10px;float: left;margin-right: 5%">
   <a onclick="webToast('找批发暂未开放！','middle',2000);">
    <div style="width: 100%;height: 100px;background-color: #fff;">
      <img class="home_button" style="width: 100%;height: 100px;" src="http://5b0988e595225.cdn.sohucs.com/q_70,c_zoom,w_640/images/20171202/a899791f6a0a4b92a60776eebfbc5fcb.jpeg">
    </div>

    <div style="text-align: center;margin-top: 8%;"> <h4 style="color: #fff;">找批发</h4></div>
   </a>
</div>


    <div class="home_button" style="width: 28%;height: 130px;background-color: #000;margin-bottom: 10px;float: left;">
  
  <a onclick="webToast('找图书暂未开放！','middle',2000);">
    <div style="width: 100%;height: 100px;background-color: #fff;">

      <img class="home_button" style="width: 100%;height: 100px;" src="http://img.25pp.com/uploadfile/app/icon/20150905/1441398632463125.jpeg">
    </div>

    <div style="text-align: center;margin-top: 8%;"> <h4 style="color: #fff;">找图书</h4></div>
  </a>

</div>
</div>
-->


  <hr>





    <div style="width: 98%;height: 280px;background-color: #f8f8ff;margin-left: 1%;-webkit-border-radius: 8px;float: left;margin-top: -35px;">
  
      <div style="width: 100%;text-align:center;"><br>
        <a href="/yhjhome"><h3 style="color: red;margin-top:-10px; ">请记住  www.hbsj.xyz</h3>
        </a>
      </div>

      <div style="width: 28%;height: 140px;background-color: #fff;float: left;margin-left: 4%;text-align: center;">
        <a href="/rsb">
          <h6 style="color: red;">热搜榜</h6>
          <img style="height: 80px;width: 80%;" src="http://img14.360buyimg.com/n2/jfs/t1/5751/34/3556/75223/5b99cb41Eeddd05f9/f56993fd7f09ead5.jpg">
        </a>
      </div>

      <div style="width: 28%;height: 140px;background-color: #fff;float: left;margin-left: 4%;text-align: center;">
        <h6>购物圈</h6>
        <img style="height: 80px;width: 80%;" src="http://hbsj.xyz/h5/wap_gwq.png">
      </div>
      
      <div style="width: 28%;height: 140px;background-color: #fff;float: left;margin-left: 4%;text-align: center;">
        <h6>美丽晒</h6>
        <img style="height: 80px;width: 80%;" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1562402294789&di=0288d4867768bda5cf3386feef3fbc47&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fq_70%2Cc_zoom%2Cw_640%2Fimages%2F20180219%2F2e3c4df350bf4484b3766cc64292fbfa.jpeg">
      </div>   

      <div style="text-align: center;">
        <span>_________________________________________________</span>
      </div>


      <script type="text/javascript">
      $(function() {
        var _scroll = {
          delay: 1000,
          easing: 'linear',
          items: 1,
          duration: 0.07,
          timeoutDuration: 0,
          pauseOnHover: 'immediate'
        };
        $('#ticker-1').carouFredSel({
          width: 500,
          align: false,
          items: {
            width: 'variable',
            height: 35,
            visible: 1
          },
          scroll: _scroll
        });

        $('#ticker-2').carouFredSel({
          width: 1000,
          align: false,
          circular: false,
          items: {
            width: 'variable',
            height: 35,
            visible: 2
          },
          scroll: _scroll
        });

        //  set carousels to be 100% wide
        $('.caroufredsel_wrapper').css('width', '100%');

        //  set a large width on the last DD so the ticker won't show the first item at the end
        $('#ticker-2 dd:last').width(2000);
      });
    </script>

    

      <div style="width: 100%;margin-top: 5%;">
        <div style="width: 20%;float: left;margin-left: 15%;">
          <h4 style="">社区:</h4>
        </div>
        <div id="myCarousel" class="carousel slide" style="width: 70%;float: left;margin-top: 2%;margin-left: -8%;">


          <div id="wrapper">
                <div class="first" style="margin-left: 30px;">
                <dl id="ticker-1">
                  <dt>购物分享</dt>
                    <dd>今夏流行穿搭</dd>
          
                  <dt>购物分享</dt>
                    <dd>5G手机推荐</dd>
          
                  <dt>二手</dt>
                    <dd>二手9成新IphoneXR 只卖4900</dd>
                </dl>
              </div>
            </div>

      </div>

        </div>


       
    </div>


   <div style="width: 100%;height: 35px;text-align: center;background-color: #000;clear: #fff;float: left;" >
              <h4 style="color: #fff;">访问量：{{ allcount }}</h4>
        </div>
        <br>
  <img src="http://hbsj.xyz/pc/pc_logo2.PNG" style="width: 96%;margin-top: 0px;margin-left: 2%;">


<div>
  <img style="width: 100%;height: 120px;" src="http://hbsj.xyz/h5/hbsj_gg1_1000.png">
</div>




    <!-- 京东内容区域 -->
    <div class="jd_mian" id="container" style="float: left;margin-top: 20px;">
      <div class="main_content" style="background-color: #f9f9f9;">
        
        
        <div class="super_day" style="margin-bottom: -15px;">
          <div class="super_img">
            <a href="">
              <img src="https://gtms04.alicdn.com/tps/i4/TB1aAIWHpXXXXahXpXXoeuYLVXX-1920-429.jpg" alt="" style="width: 100%;">
            </a>
          </div>


          
        </div>




      {% for data in datalist %}

      <div class="show_div" style="background-color: #fff;height: 182px;margin-left: 5px;margin-right: 5px;">
          <div class="row-fluid">
            <div class="span4">
              <!--Sidebar content-->
              <img src="{{data[0]}}" alt="" style="width: 120%;height: 120px;margin-top: 30px;" onclick="imgDisplay(this)">
            </div>
            <div class="span7" style="margin-left: 20px;margin-top: 10px;">
              <!--Body content-->
              <a href="/goto?urls={{data[2]}}&names={{data[1]}}" class="btn btn-link" style="color: #272829;width: 110%;"><b><span class="title_span" style="margin-left: -5px;margin-bottom: 2px;">
              {{data[1]}}</span></b></a><br>
               <span style="font-size: 12px;color: #272829;">价格：</span><span style="font-size: 13px;color: #272829;"><b>{{data[3]}}</b></span><br>
                <span style="font-size: 12px;color: #272829;">销量：</span><span style="font-size: 11px;color: #272829;"><b>{{data[4]}}</b></span><br>
                 <span style="font-size: 9px;color: #272829;">店家：</span><span style="font-size: 9px;color: #272829;">{{data[6]}}</span><br>
                  <span style="font-size: 9px;color: #272829;">来源：</span>
                  <span style="font-size: 9px;color: #272829;">
                  {{data[5]}}</span><br>
                  <br>
                  <div style="width: 110%;">
                 <a class="btn btn-info" style="padding: 0px;color: #fff;margin-top: -10px;width: 30%;font-size: 11px;" onclick="xqgo(this);" title="{{ data[7] }}">详情</a> 
                 <a class="btn btn-warning" style="padding: 0px;color: #fff;margin-top: -10px;width: 30%;font-size: 11px;"
                 onclick="scgo(this);" title="{{data[7]}}" >收藏</a>
                  <a href="/goto?urls={{data[2]}}&names={{data[1]}}" class="btn btn-success" style="padding: 0px;color: #fff;margin-top: -10px;width: 30%;font-size: 11px;" title="Vest"
             >商品链接</a> 
          </div>
            </div>
        </div>
      </div>
      {% endfor %}



          
        <br>
        <div class="super_day" style="margin-bottom: 0px;">
          <div class="super_img">
            <a href="">
              <img src="http://hbsj.xyz/h5/superday.jpg" alt="" width="100%">
            </a>
          </div>


          
        </div>
        


        <div id="more">
          

        </div>

        



      </div>
    </div>


    

  </div>

<script type="text/javascript">
    

    function scgo_show(datas){
      //alert(datas);

      if(datas == 0){
              //alert(datas);
              //alert("密码错误");
              webToast("请登陆后收藏！","middle",2000);

              
              setTimeout(function(){window.location.href="/my";},1000);
            }
            else if(datas == 1){
              webToast("收藏成功！","middle",2000);
            }
            else{
              //alert("环境异常");
              webToast("网络环境异常","middle",2000);
            }
    }
    //收藏
    function scgo(e){
      //alert(e.title);
      var linkdatas = {
          "links":e.title
                }
      post_api_ajax3(linkdatas,"collectCod",scgo_show);
    }





    //详情
    function xqgo(e){
      window.location.href="/codinfo?xqdatas="+e.title;
    }


</script>


<div id="lodinggo">
    <img style="width: 100%;height: 150px;" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1559654212283&di=a780121fd32955065b060b885c7dc0b9&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F03937de50fab17a88fcb6039242de0cf89657b472a98a-7EtXD9_fw658">
</div>


    <script type="text/javascript">
      function go_query(){
        var inputdatas = $("#inputdata").val();
        //alert(inputdatas);
        if(inputdatas!=""){
          window.location.href="/queryData?keys="+inputdatas;
          $("#gotoQ").append('<img src="http://img.zcool.cn/community/01f0fb5ae9d1a6a801207fa1ba0ff1.gif">');
        }
      }
    </script>

<script type="text/javascript" src="static/js/ydui.citys.js"></script>
<script type="text/javascript" src="static/js/ydui.js"></script>
<script type="text/javascript">
/**
 * 默认调用
 */
!function () {
  var $target = $('#J_Address');

  $target.citySelect();

  $target.on('click', function (event) {
    event.stopPropagation();
    $target.citySelect('open');
  });

  $target.on('done.ydui.cityselect', function (ret) {
    $(this).val(ret.provance + ' ' + ret.city + ' ' + ret.area);
  });
}();

</script>


{% include 'foot_sp.html' %}